<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>目的地技术监控系统</title>
	<#include "./common/header.html"/>
	<style type="text/css">
		.panel-body{
			overflow-y: hidden; 
		}
	</style>
</head>
<body  class="easyui-layout">

<div data-options="region:'west',split:true,title:'功能菜单'" style="width:180px;padding:10px;">
		<ul id="mainTree" class="easyui-tree" >
			
			<li>
				<span>任务调度管理</span>
				<ul>
					
					<li>
						<span>
							<a style="text-decoration: none;color: black;" href="javascript:;" onclick="addTab('调度策略','${ctx}/schedule/toScheduleManager')">调度策略</a>
						</span>
					</li>
					<li>
						<span>
							<a style="text-decoration: none;color: black;" href="javascript:;" onclick="addTab('任务管理','${ctx}/schedule/toManagerTask')">任务管理</a>
						</span>
					</li>
					<li>
						<span>
							<a style="text-decoration: none;color: black;" href="javascript:;" onclick="addTab('机器管理','${ctx}/schedule/toMachineManager')">机器管理</a>
						</span>
					</li>
				</ul>
			</li>
			
		</ul>
	</div>

	
	<div id="centerContent" data-options="region:'center',title:'目的地技术监控系统'">
		<div id="tt" class="easyui-tabs" data-options="fit : true" style="width:100%;height:100%;">
		    <div title="Home">
		    	TBScheule任务调度系统
		    </div>
		
		</div>
	</div>
</body>

<script>

	
	function addTab(title, url){
	    if ($('#tt').tabs('exists', title)){
	        $('#tt').tabs('select', title);
	    } else {
	        var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
	        $('#tt').tabs('add',{
	            title:title,
	            content:content,
	            closable:true
	        });
	    }
	}
</script>
</html>